<template>
  <div class="enterprise-wechat">
    <el-tabs v-model="activeTabValue">
      <el-tab-pane label="工程师在线模块" name="1">
        <!--<EngineerOnlineModule></EngineerOnlineModule>-->
      </el-tab-pane>
      <el-tab-pane label="一键报修模块" name="2">
        <!--<OneClickRepairModule></OneClickRepairModule>-->
      </el-tab-pane>
      <el-tab-pane label="保修/配置/驱动模块" name="3">
        <!--<DriverModule></DriverModule>-->
      </el-tab-pane>
      <el-tab-pane label="工单模块" name="4">
        <!--<WorkOrderModule></WorkOrderModule>-->
      </el-tab-pane>
      <el-tab-pane label="我的模块" name="5">
        <!--<MyModule></MyModule>-->
      </el-tab-pane>
      <el-tab-pane label="Dashboard" name="6">
      </el-tab-pane>
    </el-tabs>
    <component :is="currentTabComponent"></component>
  </div>
</template>

<script>
  import EngineerOnlineModule from './components/EngineerOnlineModule'
  import OneClickRepairModule from './components/OneClickRepairModule'
  import DriverModule from './components/DriverModule'
  import WorkOrderModule from './components/WorkOrderModule'
  import MyModule from './components/MyModule'
  import Dashboard from './components/DBEnterWeChat'
  export default {
    name: "dingding",
    data() {
      return {
        // currentTabComponent: 'page1',
        activeTabValue: '1',
      }
    },
    components: {
      page1: EngineerOnlineModule,
      page2: OneClickRepairModule,
      page3: DriverModule,
      page4: WorkOrderModule,
      page5: MyModule,
      page6: Dashboard,
    },
    methods: {
    },
    computed: {
      currentTabComponent: function () {
        return 'page' + this.activeTabValue
      }
    }
  }
</script>

<style lang="scss" scoped>
  .enterprise-wechat {
    background-color: #fff;
  }
</style>
<style lang="scss">
  .enterprise-wechat {
    margin: 16px 20px;
    .el-tabs {
      box-shadow: 0 2px 10px 0 rgba(226, 224, 234, 0.6);
      border-radius: 6px;
      border: 1px solid #e6ebf5;
      .el-tabs__header {
        margin-bottom: 0;
        .el-tabs__item {
          height: 50px;
          line-height: 50px;
          font-family: MicrosoftYaHei;
          font-size: 16px;
        }
      }
    }
  }
</style>
